<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS padding（填充）</title>
    <style>
      p{
          background-color: yellow;
      }  
      p.padding{
          /* padding-top: 25px;
          padding-bottom: 25px;
          padding-right: 50px;
          padding-left:50px ; */
          padding:25px 50px;
      }
    </style>
    <!-- Padding属性，可以有一到四个值。
    padding:25px 50px 75px 100px;
  上填充为25px
  右填充为50px
  下填充为75px
  左填充为100px
    padding:25px 50px 75px;
  上填充为25px
  左右填充为50px
  下填充为75px
    padding:25px 50px;
  上下填充为25px
  左右填充为50px
    padding:25px;
  所有的填充都是25px -->
</head>
<body>
    <!-- 当元素的 padding（填充）内边距被清除时，所释放的区域将会受到元素背景颜色的填充。
    单独使用 padding 属性可以改变上下左右的填充。   -->
    <p>这是一个没有指定填充边距的段落。</p>
    <p class="padding">这是一个指定填充边距的段落。</p> 
</body>
</html>